// components/pop-up/pop-up.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    propShow: Boolean,
    propType: String,
    propTitle: String,
    propData: Object
  },

  /**
   * 数据监听器
   */
  observers:{
    propTitle: function(){
      this.setData({
        title: this.data.propTitle
      });
    },
    propShow: function(){
      clearTimeout(this.data.showT);
      if(this.data.propShow){
        this.setData({
          show: this.data.propShow,
          top: 0
        });
      }else{
        // 动画播放完再隐藏
        this.setData({
          showT: setTimeout(()=>{
            this.setData({
              show: this.data.propShow
            });
          },400)
        });
      }
    },
    propType(){
      this.setData({
        type: this.data.propType
      });
    },
    propData(){
      this.setData({
        data: this.data.propData
      });
    }
  },
  
  /**
   * 组件的初始数据
   */
  data: {
    title: '标题',
    show: true,
    top: 0,
    type: 'text',
    data: null
  },

  /**
   * 组件的方法列表
   */
  methods: {
    clickMask(e){
      if(e.target.dataset.name=='mask'){
        this.closeWin();
      }
    },
    closeWin(){
      this.setData({
        propShow: false
      });
    }
  }
})
